<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<meta http-equiv="X-UA-Compatible" content="IE=7" />

	
		
	<title>Adminium - Modern Admin Panel Interface</title>
	
	<meta name="description" content="." />
	<meta name="keywords" content="." />
		
	<style type="text/css" media="all">
	@import url("./css/style.css");
	@import url("./css/visualize.css");
	@import url("./css/date_input.css");
	@import url("./css/jquery.wysiwyg.css");
	@import url("./css/jquery.fancybox.css");
	</style>
	
	<!--[if lt IE 9]>
	<style type="text/css" media="all"> @import url("css/ie.css"); </style>
	<![endif]-->

<meta charset="UTF-8"></head>




<body>


	<div id="header">
	
		<h1><a href="#">ADMINIUM</a></h1>
		
		<form action="" method="post" class="searchform">
			<input type="text" class="text" value="Search..." />
			<input type="submit" class="submit" value="" />
		</form>
		
		
		<div class="userprofile">
			<ul>
				<li><a href="#"><img src="./images/avatar.gif" alt="" /> enstyled</a>
					<ul>
						<li><a href="#">Profile</a></li>
						<li><a href="#">Messages</a></li>
						<li><a href="./index.html">Logout</a></li>
					</ul>
				</li>
			</ul>
		</div>		<!-- .userprofile ends -->
			
	</div>			<!-- #header ends -->
	
	
	
	
	
	
	<div id="sidebar">
	
		<ul id="nav">
			<li><a href="#"><strong><img src="./images/nav/dashboard.png" alt="" /> Dashboard</strong></a></li>
			<li><a href="#"><img src="./images/nav/pages.png" alt="" /> Pages</a></li>
			<li><a href="#"><img src="./images/nav/media.png" alt="" /> Media</a></li>
			<li><a href="#"><img src="./images/nav/calendar.png" alt="" /> Calendar</a></li>
			<li><a href="#"><img src="./images/nav/users.png" alt="" /> Users</a>
				<ul>
					<li><a href="#">Add new user</a></li>
					<li><a href="#">User groups</a></li>
				</ul>
			</li>
			<li><a href="#"><img src="./images/nav/settings.png" alt="" /> Settings</a></li>
			<li><a href="#"><span>12</span> <img src="./images/nav/support.png" alt="" /> Support</a></li>
		</ul>
		
		
		<div class="status_box">
			<ul>
				<li><a href="#" class="online" title="Online">Web server 1</a></li>
				<li><a href="#" class="online" title="Online">Web server 2</a></li>
				<li><a href="#" class="warning" title="Warning">DB server</a></li>
				<li><a href="#" class="offline" title="Offline">Mail server</a></li>
			</ul>
		</div>
		
	</div>		<!-- #sidebar ends -->
	
	
	
	
	
	
	<div id="content">
		
		<div class="breadcrumb">
			<a href="#">Adminium</a> &raquo; <a href="#">Section title</a> &raquo; <a href="#">Subsection title</a> &raquo; <a href="#">Page title</a>
		</div>		<!-- .breadcrumb ends -->
		
		
		<h2>Statistics</h2>
		
		
		<div class="stats_charts">
		
			<table class="stats" rel="line" cellpadding="0" cellspacing="0" width="100%">
				<thead>
					<tr>
						<td>&nbsp;</td>
						<th scope="col">01.03</th>
						<th scope="col">02.03</th>
						<th scope="col">03.03</th>
						<th scope="col">04.03</th>
						<th scope="col">05.03</th>
						<th scope="col">06.03</th>
						<th scope="col">07.03</th>
						<th scope="col">08.03</th>
						<th scope="col">09.03</th>
						<th scope="col">10.03</th>
						<th scope="col">11.03</th>
						<th scope="col">12.03</th>
						<th scope="col">13.03</th>
						<th scope="col">14.03</th>
					</tr>
				</thead>
				
				<tbody>
					<tr>
						<th>Page views</th>
						<td>2967</td>
						<td>2356</td>
						<td>1882</td>
						<td>1820</td>
						<td>2510</td>
						<td>2803</td>
						<td>3000</td>
						<td>2290</td>
						<td>1600</td>
						<td>1920</td>
						<td>1550</td>
						<td>1270</td>
						<td>2200</td>
						<td>2481</td>
					</tr>
					
					<tr>
						<th>Unique visitors</th>								
						<td>2042</td>
						<td>1856</td>
						<td>1082</td>
						<td>1220</td>
						<td>1510</td>
						<td>1803</td>
						<td>2180</td>
						<td>1705</td>
						<td>940</td>
						<td>1020</td>
						<td>1150</td>
						<td>680</td>
						<td>1500</td>
						<td>1781</td>
					</tr>
					
					<tr>
						<th>Sales</th>								
						<td>929</td>
						<td>263</td>
						<td>697</td>
						<td>436</td>
						<td>342</td>
						<td>989</td>
						<td>1151</td>
						<td>941</td>
						<td>371</td>
						<td>556</td>
						<td>120</td>
						<td>213</td>
						<td>300</td>
						<td>821</td>
					</tr>
				</tbody>
			</table>
			
		</div>		<!-- .stats_charts ends -->
		
				
		
		<table width="100%" cellpadding="0" cellspacing="0" class="today_stats">
			<tr>
				<td><strong>2481</strong> page views <span class="goup">+53%</span></td>
				<td><strong>1781</strong> unique visitors <span class="goup">+53%</span></td>
				<td><strong>151</strong> sales <span class="godown">-12%</span></td>
				<td class="last"><strong>12</strong> support requests</td>
			</tr>
		</table>
		
		
		<br />
		
		
		<h2>Table listing</h2>
		
		<form action="" method="post">
					
			<table cellpadding="0" cellspacing="0" width="100%" class="sortable">
			
				<thead>
					<tr>
						<th width="10"><input type="checkbox" class="check_all" /></th>
						<th>Page title</th>
						<th>Status</th>
						<th>Date created</th>
						<th>Author</th>
						<td>&nbsp;</td>
					</tr>
				</thead>
				
				<tbody>
					<tr>
						<td><input type="checkbox" /></td>
						<td><strong><a href="#">Aorem ipsum dolor</a></strong></td>
						<td>Published</td>
						<td>20.03.2010</td>
						<td><a href="#">John Doe</a></td>
						<td class="delete"><a href="#"><img src="./images/close.png" alt="Delete" title="Delete" /></a></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" /></td>
						<td><strong><a href="#">Zn ac libero nunc, vel congue neque</a></strong></td>
						<td>Published</td>
						<td>18.03.2010</td>
						<td><a href="#">John Doe</a></td>
						<td class="delete"><a href="#"><img src="./images/close.png" alt="Delete" title="Delete" /></a></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" /></td>
						<td><strong><a href="#">Borem ipsum dolor</a></strong></td>
						<td>Published</td>
						<td>20.03.2010</td>
						<td><a href="#">John Doe</a></td>
						<td class="delete"><a href="#"><img src="./images/close.png" alt="Delete" title="Delete" /></a></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" /></td>
						<td><strong><a href="#">Aaa In ac libero nunc, vel congue neque</a></strong></td>
						<td>Published</td>
						<td>18.03.2010</td>
						<td><a href="#">John Doe</a></td>
						<td class="delete"><a href="#"><img src="./images/close.png" alt="Delete" title="Delete" /></a></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" /></td>
						<td><strong><a href="#">Lorem ipsum dolor</a></strong></td>
						<td>Published</td>
						<td>20.03.2010</td>
						<td><a href="#">John Doe</a></td>
						<td class="delete"><a href="#"><img src="./images/close.png" alt="Delete" title="Delete" /></a></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" /></td>
						<td><strong><a href="#">In ac libero nunc, vel congue neque</a></strong></td>
						<td>Published</td>
						<td>18.03.2010</td>
						<td><a href="#">John Doe</a></td>
						<td class="delete"><a href="#"><img src="./images/close.png" alt="Delete" title="Delete" /></a></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" /></td>
						<td><strong><a href="#">Lorem ipsum dolor</a></strong></td>
						<td>Published</td>
						<td>20.03.2010</td>
						<td><a href="#">John Doe</a></td>
						<td class="delete"><a href="#"><img src="./images/close.png" alt="Delete" title="Delete" /></a></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" /></td>
						<td><strong><a href="#">In ac libero nunc, vel congue neque</a></strong></td>
						<td>Published</td>
						<td>08.03.2010</td>
						<td><a href="#">John Doe</a></td>
						<td class="delete"><a href="#"><img src="./images/close.png" alt="Delete" title="Delete" /></a></td>
					</tr>
				</tbody>
				
			</table>
			
			
			
			<div class="tableactions">
				<select>
					<option>Actions</option>
					<option>Delete</option>
					<option>Edit</option>
				</select>
				
				<input type="submit" class="submit tiny" value="Apply to selected" />
			</div>		<!-- .tableactions ends -->
			
			
			<div class="table_pagination right">
				<a href="#">&laquo;</a>
				<a href="#" class="active">1</a>
				<a href="#">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#">5</a>
				<a href="#">6</a>
				<a href="#">&raquo;</a>
			</div>		<!-- .pagination ends -->
						
		</form>
		
		
		
		<br />
		<br />
		<hr />
		<br />
		
		
		
		<h2>Messages</h2>
		
		<div class="message errormsg"><p>An error message goes here</p></div>

		<div class="message success"><p>A success message goes here</p></div>

		<div class="message info"><p>An informative message goes here</p></div>
		
		<div class="message warning"><p>A warning message goes here</p></div>
		
		
		<br />
		
		
		<h2>HUD Messages</h2>
		<p>Click on the links to see how the HUD messages works:</p>
		
		<a href="#" class="demo_success"><strong>Success message</strong></a> | 
		<a href="#" class="demo_error"><strong>Error message</strong></a> | 
		<a href="#" class="demo_info"><strong>Info message</strong></a> | 
		<a href="#" class="demo_custom"><strong>Custom message</strong></a>
		
		
		<br />
		<br />
		<hr />
		<br />
		
		
		<h2>Progress bars</h2>
		
		<div class="progress_bar small">
			<div class="progress_complete" style="width: 25%;">
				<span>25%</span>
			</div>
		</div>
		
		<div class="progress_bar small">
			<div class="progress_complete green" style="width: 50%;">
				<span>50%</span>
			</div>
		</div>
		
		<div class="progress_bar small">
			<div class="progress_complete red" style="width: 75%;">
				<span>75%</span>
			</div>
		</div>
		
		<div class="progress_bar small">
			<div class="progress_complete orange" style="width: 100%;">
				<span>100%</span>
			</div>
		</div>
		
		<p><em>Click on each bar to see it animated.</em></p>
		
		
		
		<br />
		
		
		
		<h2>Big progress bars</h2>

		<div class="progress_bar">
			<div class="progress_complete" style="width: 25%;">
				<strong><span>25%</span></strong>
			</div>
		</div>
		
		<div class="progress_bar">
			<div class="progress_complete green" style="width: 50%;">
				<span>50%</span>
			</div>
		</div>
		
		<div class="progress_bar">
			<div class="progress_complete red" style="width: 75%;">
				<span>75%</span>
			</div>
		</div>
		
		<div class="progress_bar">
			<div class="progress_complete orange" style="width: 100%;">
				<span>100%</span>
			</div>
		</div>
		
		<p><em>Click on each bar to see it animated.</em></p>
		
		
		
		
		
		
		
		<br />
		<hr />
		<br />
		
		
		<h2>Forms</h2>
		
		<form action="" method="post">
			<p>
				<label>Small input label:</label><br />
				<input type="text" size="30" class="text" /> 
				<span class="note">*A note</span>
			</p>
			
			
			<p>
				<label>Medium input label:</label><br />
				<input type="text" size="60" class="text error" /> 
				<span class="note error">Error!</span>
			</p>
			
			
			<p>
				<label>Big input label:</label><br />
				<input type="text" size="100" class="text" />
			</p>
				
			
			<p>
				<label>Textarea label:</label><br />
				<textarea rows="7" cols="103"></textarea>
			</p>
			
			
			<p>
				<label>WYSIWYG editor:</label><br />
				<textarea class="wysiwyg" cols="100"></textarea>
			</p>
			
			
			<br />
			
			
			<p><label>Select label:</label> 
			
				<select class="styled">
					<optgroup label="Group 1">
						<option>Option one</option>
						<option>Option two</option>
						<option>Option three</option>
					</optgroup>
					
					<optgroup label="Group 2">
						<option>Option one</option>
						<option>Option two</option>
						<option>Option three</option>
					</optgroup>
					
					<optgroup label="Group 3">
						<option>Option one</option>
						<option>Option two</option>
						<option>Option three</option>
					</optgroup>							
				</select></p>
				
				
			
			<p>
				<label>Starting date:</label> 
				<input type="text" class="text date_picker" />
				
				&nbsp;&nbsp;
				
				<label>Ending date:</label> 
				<input type="text" class="text date_picker" />
			</p>
			
			
			<br />			
			
									
			<p class="fileupload">
				<label>Default file input label:</label> 
				<input type="file" class="file" />
			</p>
						
			<label>Custom file input label:</label> 
			<input type="file" class="file styled" title="Select file 1" /> 
			<input type="file" class="file styled" title="Select file 2" />
			
			
			<br />
			<br />
			
			
			<p class="onoffswitch">
				<input type="checkbox" class="onoffbtn" checked="checked" />
				<label>Checkbox label</label>
			</p>
			
			<p class="onoffswitch">
				<input type="checkbox" class="onoffbtn" />
				<label>Checkbox label</label>
			</p>
			
			
			<br />
			
			
			<p>
				<input type="checkbox" class="checkbox" checked="checked" id="cbdemo1" /> <label for="cbdemo1">Checkbox label</label> 
				<input type="checkbox" class="checkbox" id="cbdemo2" /> <label for="cbdemo2">Checkbox label</label>
			</p>


			<p>
				<label><input type="radio" class="radio" name="demo" checked="checked" /> Radio button label</label>
				<label><input type="radio" class="radio" name="demo" /> Radio button label</label>
			</p>
			
			
			<p>
				<input type="submit" class="submit" value="Submit" />
				<input type="submit" class="submit" value="BIGGER SUBMIT" />
				<input type="submit" class="submit disabled" disabled="disabled" value="Disabled" />
			</p>
		</form>
		
		
		<br />
		<hr />
		<br />
		
		
		<h2>Galleries</h2>
		
		<ul class="imglist">
			<li>
				<img src="./images/thumb1.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm7.static.flickr.com/6076/6056122514_f25be488a0_b.jpg" class="modal" rel="gallery" title="Summer boat">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb2.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm7.static.flickr.com/6010/5966972771_145b06344f_b.jpg" class="modal" rel="gallery" title="Sozopol bay">View</a></li>
					<li class="delete"><a href="#">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb3.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm6.static.flickr.com/5311/5897768528_eccb7a67ee_b.jpg" class="modal" rel="gallery" title="Stones">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb4.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm6.static.flickr.com/5263/5897766402_0a7d894296_b.jpg" class="modal" rel="gallery" title="Gate">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb1.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm7.static.flickr.com/6076/6056122514_f25be488a0_b.jpg" class="modal" rel="gallery" title="Summer boat">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb2.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm7.static.flickr.com/6010/5966972771_145b06344f_b.jpg" class="modal" rel="gallery" title="Sozopol bay">View</a></li>
					<li class="delete"><a href="#">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb3.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm6.static.flickr.com/5311/5897768528_eccb7a67ee_b.jpg" class="modal" rel="gallery" title="Stones">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb4.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm6.static.flickr.com/5263/5897766402_0a7d894296_b.jpg" class="modal" rel="gallery" title="Gate">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb1.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm7.static.flickr.com/6076/6056122514_f25be488a0_b.jpg" class="modal" rel="gallery" title="Summer boat">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb2.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm7.static.flickr.com/6010/5966972771_145b06344f_b.jpg" class="modal" rel="gallery" title="Sozopol bay">View</a></li>
					<li class="delete"><a href="#">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb3.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm6.static.flickr.com/5311/5897768528_eccb7a67ee_b.jpg" class="modal" rel="gallery" title="Stones">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb4.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm6.static.flickr.com/5263/5897766402_0a7d894296_b.jpg" class="modal" rel="gallery" title="Gate">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb1.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm7.static.flickr.com/6076/6056122514_f25be488a0_b.jpg" class="modal" rel="gallery" title="Summer boat">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb2.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm7.static.flickr.com/6010/5966972771_145b06344f_b.jpg" class="modal" rel="gallery" title="Sozopol bay">View</a></li>
					<li class="delete"><a href="#">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb3.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm6.static.flickr.com/5311/5897768528_eccb7a67ee_b.jpg" class="modal" rel="gallery" title="Stones">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
			
			<li>
				<img src="./images/thumb4.jpg" alt="" />
				<ul>
					<li class="view"><a href="http://farm6.static.flickr.com/5263/5897766402_0a7d894296_b.jpg" class="modal" rel="gallery" title="Gate">View</a></li>
					<li class="delete"><a href="#deleted">Delete</a></li>
				</ul>
			</li>
		</ul>
		
		
	</div>
	
	
	
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
	<script type="text/javascript" src="./js/excanvas.js"></script>
	<script type="text/javascript" src="./js/jquery.visualize.js"></script>
	<script type="text/javascript" src="./js/jquery.tablesorter.js"></script>
	<script type="text/javascript" src="./js/jquery.date_input.min.js"></script>
	<script type="text/javascript" src="./js/jquery.wysiwyg.js"></script>
	<script type="text/javascript" src="./js/jquery.fancybox.js"></script>
	<script type="text/javascript" src="./js/custom.js"></script>

</body>
</html>
